<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Reno 8 Pro+ 商品详情</title>
		<link rel="stylesheet" href="../css/commodity.css">
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
		<link rel="stylesheet" href="../css/swiper-bundle.css" />
		<style>
			.iconfont {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="dinwei">
			<div class="heard">
				<div class="content">
					<div class="box1">
						<div class="one">
							<a href="">oppo官网</a>
							<a href="">一加官网</a>
						</div>
						<div class="one-1">
							<a href="" id="act">下载OPPO商城App</a>
							<a href="./profile.html"><span
									class="iconfont icon-yonghu-xianxing"></span>&nbsp;&nbsp;倾念დ</a>
							<a href="./profile.html">我的订单</a>
							<a href="../index.html">退出</a>
							<a href="./cart.html" style="border: none;">&#128722;购物车(<span id="sum">0</span>)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="column">
				<div class="content">
					<div class="two">
						<h1>
							<a href="./indextwo.html">
								<img src="../img/9c6f387.png" style="width: 238px;height: 50px; display: inline-block;">
							</a>
						</h1>
						<div class="two1">
							<a href="">OPPO专区</a>
							<a href="">OnePlus专区</a>
							<a href="">智能硬件</a>
							<a href="">服务</a>
						</div>
						<div class="two2">
							<input type="text" placeholder="OPPO K10x">
							<span style="display: inline-block; margin-left:-3px; "><span
									class="iconfont icon-search"></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="box-er">
				<img src="../img/二维码.jpg" alt="">
				<p>扫描下载OPPO商城App</p>
			</div>
		</div>
		<div class="banner">
			<div class="content">
				<div class="look">
					<div class="big">
						<img src="../img/reno8pro+/8pro+6.png" alt="">
					</div>
					<div class="min">
						<div class="left swiper-button-prev" style="left: -5px;
						top: 722px;"><span class="iconfont icon-angle-left" style="color:black;"></span></div>
						<div class="min-img swiper">
							<ul class="imgs swiper-wrapper">
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+1.jpg" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+2.jpg" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+3.jpg" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+4.jpg" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+5.jpg" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+6.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+7.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+8.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+9.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+10.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+11.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+12.png" alt=""></li>
								<li class="swiper-slide"><img src="../img/reno8pro+/8pro+13.png" alt=""></li>

							</ul>
						</div>
						<div class="right swiper-button-next" style="    left: 581px;top: 721px;"><span
								class="iconfont icon-angle-right" style="color:black"></span></div>
					</div>
					<script src="../js/swiper-bundle.min.js"></script>
					<script src="../js/commone.js"></script>
					<div class="pass">
						<div class="btnw">
							<img src="../img/findx5pro/商品对比.png" alt="">
							<span>商品对比</span>
						</div>
						<div class="btnw">
							<img src="../img/findx5pro/360探索.png" alt="">
							<span>360°探索</span>
						</div>
					</div>
				</div>
				<div class="details">
					<h1>OPPO Reno8 Pro+ <span id="color">逍遥青 </span> <span id="nei">12G+256G</span> 官方标配</h1>
					<p style="margin-top: 24px;"><img src="../img/findx5pro/分期免息.png" alt="" class="fenlogo"><span
							class="teet">花呗24期免息，每天仅需7.62元<span class="iconfont icon-icon-test1"></span></span>
					</p>
					<div style="margin-top: 20px;">
						<div class="quan">券|满700减10</div>
						<div class="quan">积分可抵100</div>
						<div class="quan">购物送积分</div>
						<span style="margin-left: 216px;"><span class="iconfont icon-icon-test1"></span></span>
					</div>
					<div class="member">
						<span>OPPO 会员 </span><span>享更多尊享权益</span>
						<span style="margin-left: 342px;"><span class="iconfont icon-icon-test1"></span></span>
					</div>
					<p class="teet1">【OPPO官方商城】</p>
					<p class="teet3" style="margin-top: 10px;">一帧影像，动用两块芯片。</p>
					<p class="teet3">【直播间福利】直播间购机 每小时半点抽奖</p>
					<p class="teet3">以旧换新至高补贴1300元，估价>></p>
					<div class="jia">
						<div class="quanq">￥<span style="font-size: 28px;" id="quanq">3999</span></div>
						<div class="quanh">券后价￥<span style="font-size: 24px;" id="quanh">3939</span></div>
					</div>

					<div class="configure">
						<ul class="confi">
							<li>
								<img src="../img/findx5pro/自研芯片.png" alt="">
								<p>自研摄影芯片</p>
								<p style="color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 6px;">摄影</p>
							</li>
							<li>
								<img src="../img/findx5pro/闪充.png" alt="">
								<p>80w超级闪充</p>
								<p style="color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 6px;">闪充</p>
							</li>
							<li>
								<img src="../img/findx5pro/哈苏专业.png" alt="">
								<p>哈苏专业模式</p>
								<p style="color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 6px;">影像</p>
							</li>
							<li style="border-right: none;">
								<img src="../img/findx5pro/防抖.png" alt="">
								<p>悬浮防抖</p>
								<p style="color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 6px;">防抖系统</p>
							</li>

							<li style="border-right: none; border-left: 1px solid rgba(0, 0, 0, 0.18);">
								<img src="../img/findx5pro/骁龙8.png" alt="">
								<p>全新骁龙8</p>
								<p style="color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 6px;">处理器</p>
							</li>
						</ul>
					</div>

					<div class="right1">

					</div>
					<div class="parameter">
						<p style="margin-bottom: 20px;">颜色</p>
						<div class="niu" id="hei">漫游灰</div>
						<div class="niu" style="color: red; border: 1px solid red;" id="bai">逍遥青</div>
						<div class="niu" id="lan">暗涌黑</div>
					</div>
					<div class="parameter">
						<p style="margin-bottom: 20px;">配置</p>
						<div class="niu" style="color: red; border: 1px solid red;" id="sierjia">12+256G</div>
						<div class="niu" id="wuyier">12+512G</div>
						<div class="niu" id="bajia">8+256G</div>
					</div>
					<div class="parameter2">
						<p style="margin-bottom: 20px;">选择套餐</p>
						<div class="niu" style="color: red; border: 1px solid red;" id="guan">官方标配</div>
						<div class="niu" id="xiang">加99元享399元50W无线充</div>
					</div>
					<div class="parameter1">
						<p style="margin-bottom: 20px;">数量</p>
						<button id="lop">-</button><span style="padding: 0 10px;">1</span><button id="loop">+</button>
						<span style="color: red; margin-left: 10px;">仅限购一件</span>
					</div>
					<div class="fuwu">
						<p class="trte">保障服务(可选)<span style="font-size: 14px; margin-left: 276px;">购买表示同意</span>
							<span style="color:blue; cursor: pointer;">《保障服务条款》</span>
						</p>
						<div class="parameter3">
							<p style="margin-bottom: 20px;">碎屏保
								<span style="color:red; font-size: 14px; margin-left: 468px;">服务介绍</span>
							</p>
							<div class="niu1" id="sui">OPPO屏碎保一年￥279
								<s style="color:rgba(0, 0, 0, 0.18);">￥399</s>
							</div>
						</div>
						<div class="parameter2">
							<p style="margin-bottom: 20px;">延长保</p>
							<div class="niu" id="yanyi">OPPO延长保一年￥99</div>
							<div class="niu" id="yanban">OPPO延长保半年￥79</div>
						</div>
						<div class="parameter3">
							<p style="margin-bottom: 20px;">OPPO Care+</p>
							<div class="niu1" id="care"> OPPO Care+（意外保+延长保+电池焕新）￥559<s
									style="color:rgba(0, 0, 0, 0.18);">￥799</s>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<div class="jiesuan">
			<div class="tqw">已选:<span style="margin-left: 15px;" id="colore">黑釉</span>|
				<span style="margin-left: 15px; margin-right: 15px;" id="neie">12+256G</span>|官方标配|1件
			</div>
			<div class="btnh">
				<div class="btnj">加入购物车</div>
				<div class="btnj1">
					<p style="font-size: 14px;">券后价￥<span id="jiage">5989</span></p>
					<a href="./cart.html">
						<p style="font-size: 18px;">立即购买</p>
					</a>
				</div>
			</div>
			<div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">7天保价</div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">官方正品</div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">顺丰包邮(实付满69包邮)</div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">全国联保</div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">官方发货&售后</div>
				<div class="han"><img src="../img/findx5pro/对勾.png" alt="">7天无理由退货</div>
			</div>
		</div>

		<div class="ificati">
			<div class="content">
				<p class="tyr" style="cursor: pointer;"><span
						style="border-bottom: 1px solid red;padding-bottom: 17px; color: red;"
						id="xiangqing">商品详情</span><span id="cansug">商品参数</span><span id="pinjiag">用户评价</span><span
						id="remeng">热门推荐</span>
				</p>
			</div>
		</div>
		<div class="ification1">
			<div class="content">
				<p class="tyr">
					<span style="float: left; font-size: 14px;margin-left: -187px;  padding-top: 10px;">OPPO Reno8 Pro+
						<a style="color:black;" id="lgl">8G+256G</a> <a style="color:black;" id="lfl">逍遥青</a>
						官方标配
						...</span>
					<span style="border-bottom: 1px solid red;padding-bottom: 17px; color: red; cursor: pointer;"
						id="xiangqinsf">商品详情</span><span style="padding-bottom: 17px;cursor: pointer;"
						id="cansuf">商品参数</span><span id="pinjiaf" style="cursor: pointer;">用户评价</span><span id="remenf"
						style="cursor: pointer;">热门推荐</span>
					<a href="./cart.html">
						<div class="btnk" style="background-color: red;">领券购买</div>
					</a>
				</p>
			</div>
		</div>
		<div class="imgsde">
			<ul>
				<li><img src="../img/findx5pro/图1.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo1.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo2.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo3.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo4.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo5.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo6.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo7.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo8.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo9.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo10.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo11.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo12.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo13.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo14.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo15.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo16.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo17.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo18.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo19.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo20.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo21.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo22.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo23.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo24.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo25.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo26.jpg" alt=""></li>
				<li><img src="../img/reno8pro+/8oppo27.png" alt=""></li>
			</ul>
		</div>
		<div class="pinjia">
			<img src="../img/评价.png" alt="" width="80px" height="80px">
			<p style="color: rgba(0, 0, 0, 0.5);">暂无用户评价</p>
		</div>
		<div class="recommend">
			<h3 style="color: rgba(0, 0, 0, 0.5);">————————————————为你推荐————————————————</h3>
			<ul>
				<li style="margin-left: 15px;" title="OPPO Find N 全新旗舰折叠屏">
					<img src="../img/nzedie.png" alt="">
					<p>OPPO Find N 全新旗舰折叠屏</p>
					<div class="hhh">满700减10</div>
					<p style="color: red; font-size: 28px; margin-top: 20px;">￥8999</p>
				</li>
				<li title="OPPO Find X5 素黑 12G+256G 官方标配">
					<img src="../img/find x5.png" alt="">
					<p>OPPO Find X5 pro 素黑12+..</p>
					<div class="hhh">满700减10</div>
					<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
				</li>
				<li title="Find X5 Pro 天玑版 12G+256G 白瓷 官方标配
				">
					<img src="../img/findx5pro 天玑版.png" alt="">
					<p>OPPO Find X5 pro 天玑版12+..</p>
					<div class="hhh">满700减10</div>
					<p style="color: red; font-size: 28px; margin-top: 20px;">￥4389</p>
				</li>
				<li title="OPPO Reno8 Pro+ 8G+256G 逍遥青 官方标配">
					<img src="../img/8pro+.png" alt="">
					<p style="color: black;">OPPO Reno8 Pro+ 12+256..</p>
					<div class="hhh" style="color: black;">满700减10</div>
					<p style="color: red; font-size: 28px; margin-top: 20px;">￥3939</p>
				</li>
				<li title="OPPO K9 Pro 12G+256G 黑曜武士">
					<img src="../img/k9pro.png" alt="">
					<p>OPPO K9 Pro 12+256..</p>
					<div class="hhh">满700减10</div>
					<p style="color: red; font-size: 28px; margin-top: 20px;">￥1999</p>
				</li>
			</ul>
			<h3 style="margin-top: 410px; color: rgba(0, 0, 0, 0.5);">————————————————没有更多推荐了————————————————</h3>
		</div>



		<div class="footer">
			<div class="content">
				<div class="footer-box1">
					<ul>
						<li>
							<img src="../img/全国联保.png" alt="">
							<p>全国联保</p>
						</li>
						<li>
							<img src="../img/七天无理由logo.png" alt="">
							<p>七天无理由退货</p>
						</li>
						<li>
							<img src="../img/官方换货.png" alt="">
							<p>官方换货保障</p>
						</li>
						<li>
							<img src="../img/满包.png" alt="">
							<p>满69包邮</p>
						</li>
						<li style="margin-right: 0;">
							<img src="../img/零售网点.png" alt="">
							<p>900+家零售网点</p>
						</li>
					</ul>
				</div>
				<div class="list">
					<ul>
						<li>OPPO</li>
						<li><a href="">Find N 全新折叠屏</a></li>
						<li><a href="">OPPO Find X5 Pro</a></li>
						<li><a href="">OPPO Find X5</a></li>
						<li><a href="">OPPO Reno 8 pro+</a></li>
						<li><a href="">OPPO Reno 8 pro</a></li>
						<li><a href="">OPPO Reno 8</a></li>
						<li><a href="">OPPO Reno 7</a></li>
						<li><a href="">OPPO K10x</a></li>
						<li><a href="">OPPO K10</a></li>
					</ul>
					<ul>
						<li>一加</li>
						<li><a href="">一加 Ace Pro</a></li>
						<li><a href="">一加 Ace</a></li>
						<li><a href="">一加 Ace 竞速版</a></li>
						<li><a href="">一加 10 Pro</a></li>
						<li><a href="">一加 9RT</a></li>
						<li><a href="">一加手表</a></li>
						<li><a href="">一加 Buds Pro</a></li>
						<li><a href="">一加 Buds Z2</a></li>
					</ul>
					<ul>
						<li>智能硬件</li>
						<li><a href="">OPPO Watch 3</a></li>
						<li><a href="">OPPO 手环 2</a></li>
						<li><a href="">OPPO Watch 2</a></li>
						<li><a href="">OPPO Pad</a></li>
						<li><a href="">OPPO Pad Ari</a></li>
						<li><a href="">OPPO Enco X2</a></li>
						<li><a href="">OPPO Enco Ari2 pro</a></li>
						<li><a href="">OPPO Enco Ari2</a></li>
					</ul>
					<a href="">
						<div class="scrvice"><span class="logo1"><span
									class="iconfont icon-customer-service"></span></span> <span>在线客服</span></div>
					</a>
				</div>
				<div class="footer-footer">
					<p>© 2004-2022 OPPO 版权所有<a href="">粤ICP备14056724号 </a>| <a href="">隐私政策</a>|<a href="">
							用户使用协议</a>|
						<a href="">资质证照</a>| <a href="">知识产权</a>
					</p>
					<br>
					<p><img src="../img/警徽.png" alt=""><a href="" style="margin-left: 15px;">粤公安网备44190002001939号</a>
					</p>
				</div>
			</div>
		</div>


		<div class="fanhui hide">
			<a href="">
				<img src="../img/返回顶层.png" alt="">
				<p>返回顶层</p>
			</a>
		</div>
		<div class="soo hide">
			<div class="content">
				<img src="../img/9c6f387.png" alt="" width="238px" height="50px">
				<img src="../img/login/x.png" alt="" width="24px" height="24px" style="float: right;margin-right: 290px;
		    margin-top: 20px;" id="xs">
				<input type="text" placeholder="OPPO Reno 8 " id="lol" value="">
				<button id="lkl">搜索</button>
				<div class="pop">
					<ul>
						<li class="tyt">OPPPO Reno 8</li>
						<li class="tyt">OPPO Find X5</li>
						<li class="tyt">OPPO K10</li>
						<li class="tyt">OPPO Watch3</li>
						<li class="tyt">一加 Ace</li>
					</ul>
				</div>
				<div class="opo">
					<p>搜索发现</p>
					<ul>
						<li>OPPPO Reno 8 <span>热</span></li>
						<li>OPPO Find X5 <span>热</span></li>
						<li>OPPO K10 <span>热</span></li>
						<li>OPPO Watch3 <span>热</span></li>
						<li>一加 Ace <span>热</span></li>
					</ul>
				</div>
				<div class="jk hide">
					<p><span style="color: red; border-bottom:1px solid red; padding-bottom: 8px;">综合</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">最新</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">价格</span>
					</p>
					<div class="jkj">
						<div class="recommend1">
							<ul>
								<a href="../html/opporeno8pro+.html">
									<li style="margin-left: 15px;" title="OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配">
										<img src="../img/8pro+.png" alt="">
										<p style="color: black;">OPPO Reno8 Pro+ 12G+...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
									</li>
								</a>
								<li title="OPPO Reno8 Pro 8G+256G 微醺 官方标配">
									<img src="../img/8pro.png" alt="">
									<p>OPPO Reno8 Pro 8G+...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3199</p>
								</li>
								<li title="OPPO Reno7 官方标配 星雨心愿 8G+128G
		">
									<img src="../img/7.png" alt="">
									<p>OPPO Reno7 官方标配 星雨...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2699</p>
								</li>
								<a>
									<li title="OPPO Reno7 SE 晨曦金 8G+256G">
										<img src="../img/7se.png" alt="">
										<p style="color: black;">OPPO Reno7 SE 晨曦金...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥2399</p>
									</li>
								</a>
								<li title="OPPO Reno7 Pro 官方标配 暮雪金 12G+256G" style="margin-left: 15px;">
									<img src="../img/7pro.png" alt="">
									<p>OPPO Reno7 Pro 官方标配...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3999</p>
								</li>
								<li title="
		OPPO Reno8 微醺 8G+128G 官方标配
										">
									<img src="../img/8.png" alt="">
									<p>OPPO Reno8 微醺 8G+128G...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2499</p>
								</li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>


		<script src=" ../js/commoditys.js">
		</script>
	</body>
</html>
